.postItem {
  padding: .2rem .3rem;
  &:not(:last-of-type) {
    border-bottom: 1px solid #ccc;
  }
  &:hover {
    .editIcon {
      opacity: 1;
    }
  }
}

.header {
  composes: faic from global;
  justify-content: space-between;
}

.title {
  composes: faic from global;
  h4 {
    margin: 0;
  }
  .editIcon {
    opacity: 0;
    transition: opacity .2s ease-in-out;
    margin-left: .1rem;
    cursor: pointer;
  }
}

.more {
  composes: moreBtn from global;
  width: .24rem;
  height: .24rem;
  padding: .1rem;
}

.popoverItem {
  padding: .1rem .2rem;
  color: #666;
}

.footer {
  composes: faic from global;
  padding: .1rem 0 .06rem;
  time {
    margin-right: .4rem;
  }
  & > .wordCount {
    margin: 0;
    color: #888;
  }
}

.iconBtnWrapper {
  composes: faic from global;
}
